<%--
  Created by IntelliJ IDEA.
  User: DELL
  Date: 2024/4/22
  Time: 16:19
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>学生选课</title>
    <link rel="stylesheet" href="/static/layui/css/layui.css">
    <script src="/static/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
    <script src="/static/layui/layui.js" type="text/javascript" charset="utf-8"></script>
    <script src="/static/mylayer.js" type="text/javascript" charset="utf-8"></script>
    <script src="/static/kindeditor/kindeditor.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<!--顶部：搜索form表单-->
<form class="layui-form">

    <%--课程名：
    <div class="layui-inline layui-input-wrap">
        <select id="courseId" name="courseId" lay-filter="courseId">
            <option value="">请选择</option>
        </select>
    </div>


    <div class="layui-inline">
        <button class="layui-btn" lay-submit lay-filter="submitSearch">搜索</button>
        <button type="reset" class="layui-btn layui-btn-primary">清空</button>
    </div>--%>
</form>

<!--页内容-->
<table class="layui-hide" id="test" lay-filter="test"></table>



<script>
    /*layui库中表单模块form，表格模块table,日期选择器模块laydate*/
    layui.use(['form','table'],function (){
        var form = layui.form;
        var table = layui.table;


        // 创建渲染实例
        table.render({
            elem:'#test', /*页内容的id*/
            id:'tableId',
            url:'/studentHis?method=selectByPage',
            toolbar: '#toolbarDemo',
            cols:[[
                {field:'id',title:'ID',sort:true,width: 90},/*sort用于排序*/
                {field: 'name',title: '课程名'},
                {field: 'gredit',title: '学分',width: 150},
                {field: 'scores',title: '成绩',width: 150},
                {field: 'xiName',title: '所在系'},
                {field: 'createTime',title: '创建时间',width: 200},
                {field: 'updateTime',title: '更新时间',width: 200},
            ]],
            page: true
        });

    });
</script>
</body>
</html>
